<!-- HEADER -->
    <section id="header" data-type="background" data-speed="10">
      <!-- OVERLAY -->
      <!-- <div class="overlay"> -->
        <div id="sidebar-collapse" class="sidebar-collapse btn visible-xs">
          <i class="fa fa-reorder" data-icon2="fa fa-reorder" data-icon1="fa fa-reorder"></i>
        </div>
        <div class="divide60"></div>
        <div id="mobile-menu" class="list-group collapse text-center">
          <a href="#about" class="list-group-item">Giới thiệu</a>
          <a href="#exam" class="list-group-item">Ví dụ mẫu</a>
          <a href="#service" class="list-group-item">Các dịch vụ khảo sát</a>
          <a href="#price" class="list-group-item">Các gói dịch vụ & Giá</a>
          <a href="#contact" class="list-group-item">Liên hệ</a>
          <a href="<?php echo site_url('dang-nhap');?>" data-toggle="modal" class="list-group-item external">Đăng nhập</a>
        </div>

          <!-- HERO -->
          <div class="container-transparent text-center">
            <ul class="heronav left hidden-xs">
              <li><a href="#about">Giới thiệu</a></li>
              <li><a href="#exam">Ví dụ mẫu</a></li>
              <li><a href="#service">Các dịch vụ khảo sát</a></li>
            </ul>
            <ul class="heronav right hidden-xs">
              <li><a href="#price">Các gói dịch vụ và giá</a></li>
              <li><a href="#contact">Liên hệ</a></li>
              <li><a href="<?php echo site_url('dang-nhap');?>" data-toggle="modal" class="external">Đăng nhập</a></li>
            </ul>
            <h1>
              <a href="<?php echo site_url();?>" alt = "Khảo sát việt"><img src="<?php echo base_url();?>media/frontend/logo/ksv-logo.png" height="50" alt="logo name" /></a>
            </h1>
            <h1 class="page-title">Tạo khảo sát trực tuyến</h1>
            <h4 class="page-sub-title">In the end, it's not going to matter how many breath you took, 
            <br />
              but how many moments took your breath away.
            </h4>
            <div class="showcase">
              <a class="btn btn-warning btn-lg hidden-xs" href="#about">Learn More &nbsp;&nbsp;<i class="fa fa-play"></i></a>
              <a class="btn btn-warning btn-sm visible-xs" href="#about">Learn More &nbsp;&nbsp;<i class="fa fa-play"></i></a>
            </div>
          </div>
        <!--/HERO -->
      <!-- </div> -->
      <!--/OVERLAY -->
    </section>
    <!--/HEADER -->
    <!-- NAV-BAR -->
    <div id="nav-bar">
      <div class="container">
        <div class="row">
          <div class="col-sm-3 col-md-4">
            <div class="logo">
              <a href="index.html"><img src="<?php echo base_url();?>media/frontend/logo/ksv-logo.png" height="40" alt="logo name" /></a>
            </div>
          </div>
          <div class="col-sm-9 col-md-8">
            <nav id="fixed-top-navigation">
              <ul class="list-inline pull-right">
                <li><a href="#about">Giới thiệu</a></li>
                <li><a href="#exam">Ví dụ mẫu</a></li>
                <li><a href="#service">Các dịch vụ khảo sát</a></li>
                <li><a href="#price">Các gói dịch vụ và giá</a></li>
                <li><a href="#contact">Liên hệ</a></li>
                <li><a href="<?php echo site_url('dang-nhap');?>" data-toggle="modal" class="external">Đăng nhập</a></li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>
    <!--NAV-BAR -->